<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <script>
        // 五大基本数据类型
        // number string  boolean null undefined
        // typeof 返回值
        // "number" "string"  "boolean"  "object"  "undefined"
        // "string"
        // dom操作

        // dom.getElementById()  单个  "object"
        // dom.getElementsByTagName()  多个   "object"


        // dom.innerHTML  
        // dom.style.属性
        // dom.id
        // dom.className


        // 类型转换

        Number("123.123.123")  // =>123.123
        Number(null)  // => 0
        Number(undefined)  // =>NaN
        Number(NaN)  // =>Nan
        Number(true)  // =>1
        Number(false)  // =>0

        parseInt("a123a") // => 123 
        parseFloat()
        isNaN(1) // => false

        //  +





        Boolean()
        // "" 0 false undefined NaN null  =>  false
        //  !!

        String()
        // 直接两端加引号
        toString()  // null 和undefined 没有toString()方法  用了就报错
        // 直接两端加引号


        // 运算符

        // 1 算符运算符
        //  + - * / % ++ -- 
        // + 当运算符至少一端的操作数数据类型是字符串的时候 进行字符串拼接

        // 一元运算符  ++ -- 
        // 二元运算符  + - * / %
        // 2 赋值运算符\
        //  = -= += /= *= %=
        // 3 比较运算符
        // > < >= <= == === != !==

        // ==  > < >=  <= !=
        // 比较的是数值

        // 类型  类型

        // 布尔  数字   =>布尔数字
        // 布尔  字符串 =>都转数字
        // 数字  字符串 =>字符串转数字
        //  ===  !==
        // 两端一样



        // 比较的是数值和数据类型


        // 4 逻辑运算符
        //  &&  
        //  || 
        //  !   
        // 5 三元运算符
        // var a = 1 - 1 ? 2 : 3







        // 条件语句
        // if
        // 第一种
        // if (条件表达式) {

        // }
        // // 第二种
        // if (条件表达式) {

        // } else {

        // }
        // // 第三种
        // if (条件表达式) {

        // } else if (条件表达式) {

        // } else if (条件表达式) {

        // } else if (条件表达式) {

        // } else {

        // }

        // var num = +prompt("请输入分数")
        // // 100 优秀
        // // 90 - 100 良好
        // // 80 - 90  一般
        // // 70 - 80  还行
        // // 60 - 70  及格
        // // 0  - 60  不及格W
        // // 其他      输入有误
        // if (num == 100) {
        //     alert("优秀")
        // } else if (num >= 90 && num < 100) {
        //     alert("良好")
        // } else if (num >= 80 && num < 90) {
        //     alert("一般")
        // } else if (num >= 70 && num < 80) {
        //     alert("还行")
        // } else if (num >= 60 && num < 70) {
        //     alert("及格")
        // } else if (num >= 0 && num < 60) {
        //     alert("不及格")
        // } else {
        //     alert(" 输入有误")
        // }

        // // // switch
        // switch (true) {
        //     case num >= 90 && num < 100:
        //         alert("良好")
        //         break
        //     case num >= 80 && num < 90:
        //         alert("良好")
        //         break
        //     case num >= 70 && num < 80:
        //         alert("良好")
        //         break
        //     case num >= 60 && num < 70:
        //         alert("良好")
        //         break
        //     case num >= 0 && num < 60:
        //         alert("良好")
        //         break
        //     default:
        //         alert("良好")
        //         break
        // }

        // 0 === 
        // 1 === 


        // 100 ===

        // for (初始化; 条件; 增量) {

        // }
        // var divs = document.getElementsByTagName("div")
        // console.log(divs)
        // for (var i = 0; i < divs.length; i++) {
        //     console.log(divs[i].style.background)
        // }

        
    </script>
</body>

</html>